<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播图</title> 
    <link rel="stylesheet" href="轮播图.css">
</head>
<body>
    <div class="container">
        <div id="pic">
            <div class="item" style="background-image: url(pic01.jpg);">
                <div class="content">
                    <div class="name">草庐为家</div>
                    <div class="des">明月入篱笆。清泉煮茶，闲话桑麻。溪边摘芦花，柳下喜春芽。
                    </div>
                    <button>预览</button>
                </div>
            </div>
            <div class="item" style="background-image: url(pic02.png);">
                <div class="content">
                    <div class="name">一壶清茶</div>
                    <div class="des">盈盈几段闲话。夕阳暮下，嫩绿新芽。人间繁华赏罢，两袖清风归家。</div>
                    <button>预览</button>
                </div>
            </div>
            <div class="item" style="background-image: url(pic03.jpg);">
                <div class="content">
                    <div class="name">月明牙床</div>
                    <div class="des">寒梅疏影孤芳。赏景西窗，伊人惆怅。念君无归陌上，轻叹几声茶凉。</div>
                    <button>预览</button>
                </div>
            </div>
            <div class="item" style="background-image: url(pic04.jpg);">
                <div class="content">
                    <div class="name">当日风花</div>
                    <div class="des">灿铺十里烟霞。如今谁画？香销魂挂。天上人间找罢，不见曼影浣纱。</div>
                    <button>预览</button>
                </div>
            </div>
            <div class="item" style="background-image: url(pic05.jpg);">
                <div class="content">
                    <div class="name">群山入画</div>
                    <div class="des">笔墨沾染年华。水天云霞，鸟语香花。清风摇曳帘纱，坝上几点人家。</div>
                    <button>预览</button>
                </div>
            </div>
            <div class="item" style="background-image: url(pic06.jpg);">
                <div class="content">
                    <div class="name">逐鹿天下</div>
                    <div class="des">天下风云出我辈,一入江湖岁月催;皇图霸业谈笑间,不胜人生一场醉。</div>
                    <button>预览</button>
                </div>
            </div>
        </div>
        <div class="buttons">
             <div class="s_button">&lt;</div>
             <div class="s_button">&gt;</div>
        </div>
    </div>
    <script src="轮播图.js"></script>
</body>
</html>